<!--
 * @Date: 2023-10-18 14:56:15
 * @LastEditTime: 2024-02-29 15:46:24
-->
<template>
	<div class="main">
		<div class="n-banner xn-newslist-banner dt">
			<img src="static/imgs/new/行业动态.jpg" alt="Banner" />
			<div class="xn-gsgw-textl">
				<div class="xn-gsgw-txtzh">行业动态</div>
				<div class="xn-gsgw-txten">Industry Dynamic</div>
			</div>
		</div>

		<div class="about-nav">
			<ul class="w1200 ovh">
				<li><a href="?tn=newslist_0_1" class="cur">行业动态</a></li>
				<li><a href="?tn=newslist_1_1">行业动态</a></li>
			</ul>
		</div>
		<div class="w1200 about-box ovh xn-gsgw-newslist">
			<div style="margin: 0 auto; text-align: center">
				<div id="tittle">
					<div id="line" class="m58"></div>
					<div id="txt">
						行业动态<br />
						<br />
						<span class="sigma-line-text">Industry Dynamic</span>
					</div>
					<div id="line" class="m58"></div>
				</div>
			</div>
			<div class="info-box">
				<div class="info-words" deep="2">
					<div class="col-md-1 col-sm-1"></div>
					<div class="col-md-9 col-sm-9">
						<div class="faq-page margin-bottom-25" style="margin-bottom:25px;">
							<div class="goods-page">
								<div class="goods-data compare-goods clearfix">
									<div class="table-wrapper-responsive">
										<table>
											<tbody>
											<tr v-for="item in listData" :key="item.id">
												<td align="left" width="80%">
													<router-link :to="{path:'industryDetail',query:{id:item.id}}">{{item.title}}</router-link>
												</td>
												<td align="right" width="*">{{item.date.substr(0,10)}}</td>
											</tr>
											</tbody>
										</table>
									</div>
								</div>
							</div>
						</div>
						<div class="row margin-bottom-20" style="margin-bottom:20px;">
							<div class="col-md-12" style="padding-left: 400px">
								<div class="col-md-1">
									<a class="left" style="float: left; padding-top: 5px" @click="setList(current-1)">
										<img v-show="current==1" src="assets/global/img/arrow_left2.png" />
										<img v-show="current>1" src="assets/global/img/arrow_left.png" />
									</a>
								</div>
								<div class="col-md-1 userpage">{{current}}/{{page}}</div>
								<div class="col-md-1">
									<a class="right" style="float: right; padding-top: 5px" @click="setList(current+1)">
										<img  v-show="current<page" src="assets/global/img/arrow_right_blue.png" />
										<img  v-show="current==page" src="assets/global/img/arrow_right_gray.png" />
									</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>
<script>
	import dynamicsList from './dynamics'
	export default {
		components: {},
		data() {
			let that = this;
			return {
				listData:[],
				page:6,
				pageSize:20,
				current:1
			};
		},
		methods: {
			setList(current){
			   if(current==0||current>this.page)return false;
               this.current = current;
			   let start = this.pageSize*(this.current-1);
			   let end = start+this.pageSize;
			   this.listData = dynamicsList.slice(start,end)
			}
		},
		mounted() { },
		created() {
            let total = dynamicsList.length;
			this.page = Math.ceil(total/this.pageSize);
			this.current = 1;
			this.setList(this.current);
		},
	};
</script>
<!-- <style src="assets/frontend/layout/css/style.css"></style> -->
<style src="assets/frontend/pages/css/style-shop.css"></style>
